$(function(){


$('.login-form').bootstrapValidator({
  // 指定不校验的类型，有默认值，无特殊情况，可以不设置
    excluded: [':disabled', ':hidden', ':not(:visible)'], 
    // 根据数据是否合理显示图标
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok-sign',
      invalid: 'glyphicon glyphicon-remove-sign',
      validating: 'glyphicon glyphicon-refresh'
    },
      // 校验用户名和密码框的输入  不能为空  有长度限制 方法：bootstrapvalidator插件
  fields:{
    username:{
      validators:{
        notEmpty:{
          message:'用户名不能为空哦~'
        },
        stringLength:{
          min:2,
          max:6,
          message:'用户名必须是2-6位哦~'
        },
        callback:{
          message:'用户名错误'
        }
      }
    },
    password:{
        validators:{
          notEmpty:{
            message:'密码不能为空哦~'
          },
          stringLength:{
            min:6,
            max:12,
            message:'密码必须是6-12位哦~'
          },
          callback:{
            message:'密码错误'
          }
        }
    }
}
})

// 给重置按钮注册事件 bootstrap自带功能只能重置内容，无法重置样式，要借用validator插件的重置样式功能
$('.btn-reset').on('click',function(){
  $('.login-form').data('bootstrapValidator').resetForm();
})


// 给登录按钮注册事件 点击登录后，触发ajax事件向服务器发送请求，根据服务器的返回结果进行不同操作
// -->通过bootstrapvalidator的注册表单验证成功事件来执行---给表单注册事件，而不是给登录按钮
$('.login-form').on('success.form.bv',function(e){
  e.preventDefault()
  $.ajax({
    url:'/employee/employeeLogin',
    type:'post',
    data:$('.login-form').serialize(),
    dataType:'json',
    success:function(res){
      console.log(res);
      
      if(res.success){
        // 登录成功，去主页
        location.href = './index.html'
      }
      // 此处提示用户调用validate的 更新字段状态功能，即在登录页面显示具体的错误内容
      // ----此错误内容，不可以在function中自定义，必须是validator里面定义了的错误提示（如不能为空，长度限制等）
      // updateStatus(field, status, validatorName)--通过实例调用，status必须是大写，每个参数都是字符串类型
      if(res.error == 1000){
        $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID','callback')
      }
      if(res.error == 1001){
        $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID','callback')
      }
      
    }
  })
  
})

// 为了提高用户体验，给页面添加滚动条，此功能为所有页面共同的请求功能，详情参照common.js的内容










})